﻿html body {
	font-size: 1.6rem;
}
.wrapp .banner {
	height: 300px;
	position: relative;
	background: url(/images/15fian_bg.png);
}
.banner > div {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 200px;
	margin: auto;
	text-align: center;
}
.banner .title {
	font-size:2.5rem;
	color: #fff;
}
.banner button {
	background: #1a1a1a;
	color: #fff;
	border-radius: 25px;
	border: none;
	font-size: 1.5rem;
	height: 50px;
	width: 35%;
	margin-top: 40px;
}
.banner .desc {
	font-size: 2rem;
	color: #ffcd6d;
}

/*图片轮播*/
.wrapp .slide {
	height: 250px;
	position: relative;
	overflow: hidden;
	background: 3
}
.slide .control {
	width: 50px;
    height: 45px;
	background: green;
	z-index: 1;
	position: absolute;
	cursor: pointer;
	opacity: .2;
	background: url(../images/pre_next.png) 10px 100%;
}
.slide .control:hover {
	opacity: 1;
}
.slide .pre, .slide .next {
	top: 40%;
}
.slide .pre {
	background: url(../images/pre_next.png) 0 0 no-repeat;
}
.slide .next {
	right: 0;
	background: url(../images/pre_next.png) -55px 0 no-repeat;
}
.gallery  {
	position: relative;

}
.gallery li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.gallery li img {
	width: 100%;
}
.slide .nav {
	position: absolute;
	bottom: 10px;
	left: 38%;
}
.slide .nav li {
	float: left;
	width: 10px;
	height: 10px;
	background: #fff;
	margin: 0 5px;
	border-radius: 50%;
	opacity: .4;
}
.slide .nav .active {
	opacity: .9;
}
.slide .fadeout {
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.slide .fadein {
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
/*-end-*/

/*r_nav*/
.r_nav {
	position: fixed;
	right: 1%;
	top: 60px;
	width: 200px;
	visibility: hidden;
}
.r_nav li {
	color: #999;
	margin: 5px 0;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	background: #f2f2f2;
}
.r_nav .selected {
	background: #e66419;
	color: #fff;
}
/*r_nav -end- */


/*head_show*/
.head_show {
	padding: 0 15px;
}
.head_show h2 {
	font-weight: bold;
	color: #e66419;
	text-align: center;
	padding: 40px 0;
}
.head_show article h3 {
	color: #e66419;
	background: url(../images/15day_icon.png) -10px 3px  no-repeat;
}
.head_show .desc h3 {
	font-weight: bold;
	padding: 30px 0px;
	padding-left: 70px;
	width: 230px;
}
.head_show  .needs h3 {
	background: url(../images/15day_icon.png) -10px -160px  no-repeat;
}
.head_show h4 {
	font-weight: bold;
	font-size: 2.2rem;
	padding: 20px 0;
}
p {
	color: #666;
}
/*finance*/
.finance {
	margin-top: 50px;
	background: #f4f4f4;
}
.finance h3 {
	font-weight: bold;
	color: #e66419;
	font-size: 3rem;
	text-align: center;
	padding: 30px 0;
}
.finance .wrap > div {
	padding: 35px 15px 30px 115px;
	border-bottom: 1px solid #ddd;
	background: url(../images/15day_icon.png) -610px 0 no-repeat;
}
.finance .wrap .fillter {
	background: url(../images/15day_icon.png) -595px -300px  no-repeat;
}
.finance .wrap .package {
	background: url(../images/15day_icon.png) -595px -600px  no-repeat;
}
.finance .wrap .sell {
	background: url(../images/15day_icon.png) -595px -960px  no-repeat;
}
.finance .wrap .talk {
	background: url(../images/15day_icon.png) -595px -1315px  no-repeat;
}
.finance .wrap .finan {
	background: url(../images/15day_icon.png) -595px -1621px  no-repeat;
}
.finance .wrap > div h5 {
	padding-bottom: 15px;
}

.finance .wrap > div:hover h5 {
	color: #e66419;
}
.finance .wrap h5 {
	font-size: 2rem;
	font-weight: bold;
	color: #666;
}
.finance .wrap > div > div {
	display: block;
}
/*join*/
.join h3 {
	font-weight: bold;
	font-size: 3rem;
	text-align: center;
	color: #e66419;
	padding: 70px 0;
}
.join > div {
	padding: 0 15px 70px 135px;
    background: url(../images/15day_icon.png) 15px -694px no-repeat;
}
.join h5 {
	color: #e66419;
	font-size: 1.8rem;
	padding-bottom: 15px;
	font-weight: bold;
}s
.join h5 button {
	background: #090909;
	color: #fff;
	padding: 8px 15px;
	font-weight: normal;
	border-radius: 20px;
	font-size: 1.8rem;
	margin-left: 15px;
}
.join .j_2 {
	background: url(../images/15day_icon.png) 5px -1082px no-repeat;
}
.join .j_3 {
	background: url(../images/15day_icon.png) 5px -1552px no-repeat;
}
.join .j_1 a {
	background: #090909;
	color: #fff;
	font-weight: normal;
	padding: 8px 20px;
	border-radius: 20px;
	margin-left: 20px;
}
/*join_time*/
.join_time {
	background: #f4f4f4;
	padding: 0 15px;
}
.join_time h3 {
	font-weight: bold;
	font-size: 3rem;
	padding: 30px 0;
	color: #e66419;
	text-align: center;
}
.join_time .contain, .join_time p {
	text-align: center;
}
.join_time .contain p {
	padding-top: 125px;
	font-size: 2rem;
	margin: 0 auto;
}
.join_time .contain p:first-child {
	border-bottom: 1px solid #ddd;
	width: 110px;
}
.join_time .contain > p:first-child {
	background: url(../images/15day_icon.png) 5px -1895px no-repeat;
	padding-bottom: 25px;
	margin-bottom: 15px
}
.join_time .contain > p:last-child {
	background: url(../images/15day_icon.png) 26px -2235px no-repeat;
	padding-bottom: 15px;
	width: 160px;
}
.join_time > p {
	font-size: 1.8rem;
	padding: 15px 0;
}
/*activity*/
.activity div {
	padding: 0 15px;
}
.activity h3 {
	font-weight: bold;
	font-size: 3rem;
	padding: 65px 0;
	color: #e66419;
	text-align: center;
}
.activity dl {
	border-bottom: 1px solid #eee;
	margin-bottom: 25px;
}

.activity .title em {
	color: #e66419;
}
.activity dt {
	width: 150px;
	height: 130px;
	overflow: hidden;
	vertical-align: top;
}
.activity dt, .activity dd {
	display: table-cell;
}
.activity dd {
	padding-left: 15px;
}
.activity dt img {
	width: 100%;
}	
.activity .desc {
	color: #bebebe;
	margin-top: 10px;
}
.activity .vice_title {
	display: none;
}
.activity .more {
	width: 100%;
	text-align: center;
}
.activity .more a {
	width: 100px;
	color: #666;
	padding: 3px 0;
	border-radius: 20px;
	background: #f6f6f6;
}
.activity .main_title button {
	display: none;
}
.activity {
	padding-bottom: 30px;
}
/*pop*/
.pop {
	position: fixed;
	width: 80%;
	height: 100%;
	background: #fff;
	top: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
	border: 1px solid #ddd;
	margin: auto;
}
.pop select {
	width: 100%;
	height: 35px;
	border: 1px solid #ddd;
	text-indent: 10px;
	color: #999;
}
.pop .select {
	display: none;
}
.pop > p {
	margin: 0 auto;
	width: 80%;
	padding: 20px 0;
	font-size: 2.5rem;
	text-align: center;
}
.pop > div {
	width: 75%;
	margin: 0 auto;
}
.pop > div > p {
	color: #f3881c;
	text-align: center;
	font-size: 1.5rem;
	margin: 10px 0;
}
.pop [type=text] {
	width: 100%;
	height: 35px;
	margin: 5px 0;
	text-indent: 10px;
}
.pop span {
	display: block;
}
.pop span button {
	display: block;
	width: 100%;
	margin: 10px 0;
	height: 35px;
	border-radius: 4px;
	color: #fff;
	background: #ec962f;
}
.pop .type-list p {
	display: inline-block;
	margin: 5px 0;
}
.pop .type-list p:last-child {
	margin-left: 50px;
}
.pop .select {
	margin: 5px 0;
}
.pop .close_ {
	background: #cbcbcb;
}
.pop [type=radio] {
	margin-right: 10px;
}
.pop label {
	font-weight: normal;
	color: #000;
	cursor: pointer;
}

@media all and (min-width: 350px) {
	.banner .title {
		font-size: 3.5rem;
	}
	.slide .nav {
		bottom: 50px;
	}
}
@media all and (min-width: 450px) {
	.slide .nav {
		bottom: 10px;
	}
}
@media all and (min-width: 640px) {
	html body {
		font-size: 1.5rem;
	}
	.head_show {
		max-width: 1190px;
		margin: 0 auto;
	}
	.slide .control {
		top: 150px;
	}
	.banner .title {
		font-size: 5rem;
	}
	.banner .desc {
		font-size: 2rem;
		color: #ffcd6d;
	}
	.banner button {
		width: 150px;
		font-size: 1.8rem;
		height: 45px;
	}
	.wrapp .banner {
		height: 470px;
		background: url(../images/15daybanner.jpg);
	}
	.head_show {
		min-width: 830px;
	}
	.head_show .slide {
		width: 480px;
		height: 330px;
		float: right;
	}
	.head_show h2 {
		padding: 90px 0;
	}
	.head_show .desc h3 {
		font-size: 1.7rem;
		font-weight: bold;
		padding: 15px 45px;
	}
	.head_show h4 {
		font-weight: bold;
		font-size: 1.5rem;
	}
	.head_show .desc {
		margin-right: 555px;
	}
	.head_show .desc .needs {
		margin-right: 100px;
	}
	.head_show .slide {
		margin-top: 50px;
	}
	.head_show h4 {
		padding: 10px 0;
	}
	.head_show article h3 {
		color: #e66419;
		background: url(../images/15day_icon.png) -5px -325px no-repeat;
	}
	.head_show .needs h3 {
		background: url(../images/15day_icon.png) -5px -466px no-repeat;
	}
	.finance {
		padding-bottom: 50px;
	}
	.finance .wrap {
		display: table;
		width: 100%;
		padding:0px 145px;
		
	}
	.finance .wrap i {
		font-weight: bold;
		color: #e66419;
		padding: 15px 0;
	}
	.finance .wrap > div {
		display: inline-block;
		padding-top: 100px;
		width: 270px;
		position: relative;
	}
	.finance .wrap > div > div {
		visibility: hidden;
		position: absolute;
		top: 0;
		opacity: 0;
		background: #f8f8f8;
		height: 100%;
	}
	.finance .wrap > div:hover > div {
		visibility: visible;
		opacity: 1;
		transition: opacity .2s ease;
	}
	.finance .wrap > div {
		background: url(../images/15day_icon.png) -540px -20px no-repeat;
		padding-bottom: 25px;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.finance .wrap .fillter {
		background: url(../images/15day_icon.png) -528px -320px no-repeat;
		border: 1px solid #ddd;
		border-top: none;
	}
	.finance .wrap .package {
		background: url(../images/15day_icon.png) -533px -615px no-repeat;
	}
	.finance .wrap .sell {
		background: url(../images/15day_icon.png) -530px -976px no-repeat;
		border: none;
	}
	.finance .wrap .talk {
		background: url(../images/15day_icon.png) -528px -1333px no-repeat;
		border: 1px solid #ddd;
		border-top: none;
		border-bottom: none;
	}
	.finance .wrap .finan {
		background: url(../images/15day_icon.png) -530px -1635px no-repeat;
		border: none;
	}
	.finance h3 {
		padding: 90px 0;
	}
	.finance .wrap h5 {
		font-size: 1.5rem;
	}
	.finance > div {
		width: 1190px;
		margin: 0 auto;
	}
	.finance .ft_box {
		border-top: 1px solid #ddd;
	}
	.finance .fr_box {
		border-right: 1px solid #ddd;
	}
	.finance .f_box {
		border-left: 1px solid #ddd;
	}
	.finance .fb_box {
		border-bottom: 1px solid #ddd;
	}
	.finance .text {
		padding: 0 15px;
	}
	.join .j_1 p, .join .j_2 p, .join .j_3 p {
		width: 190px;
	}
	.join .j_1 {
		background: url(../images/15day_inco_2.png) 0px -587px no-repeat;
	}
	.join .j_2 {
		background: url(../images/15day_inco_2.png) 0px -910px no-repeat;
		padding-left: 120px;
	}
	.join .j_3 {
		background: url(../images/15day_inco_2.png) 0px -1267px no-repeat;
		padding-left: 115px;
	}
	.join h5 {
		font-size: 1.6rem;
	}
	.join {
		overflow: hidden;
		width: 1190px;
		margin: 0 auto;
	}
	.join div {
		float: left;
		width: 396px;
		padding-left: 90px;
	}
	.join_time > div {
		width: 1190px;
		margin: 0 auto;
		overflow: hidden;
		padding: 30px 0;
		padding-bottom: 80px;
		background: url(../images/15day_bg.png) 50% -31px no-repeat;
	}
	.join_time .contain {
		overflow: hidden;
		width: 450px;
		margin: 0 auto;
		background: url(../images/oblique_line.png) 180px 40px no-repeat;
	}
	.join_time .contain > p {
		float: left;
		font-size: 1.7rem;
		
	}
	.join_time .contain > p:first-child {
		background: url(../images/15day_inco_2.png) 53px 35px  no-repeat;
		width: 200px;
		border: none;
	}
	.join_time .contain > p:last-child {
		background: url(../images/15day_inco_2.png) 56px -265px no-repeat;
		width: 200px;
	}
	.join_time h3 {
		padding: 50px 0;
		padding-bottom: 10px;
	}
	.join_time .desc {
		padding: 30px 0;
	}
	.activity {
		width: 1190px;
		margin: 0 auto;
	}
	.activity dt, .activity dd {
		display: block;
	}
	.activity dt {
		width: 330px;
		height: 235px;
		overflow: hidden;
	}
	.activity dt a {
		width: 330px;
		height: 235px;
	}
	.activity dt a img {
		width: 100%;
	}
	.activity dl {
		display: inline-block;
		width: 330px;
		margin: 0 25px;
		margin-bottom: 30px;
		position: relative;
		border: none;
	}
	.activity dl:hover .main_title {
		display: block;
	}
	.activity .main_title {
		position: absolute;
		top: 0;
		height: 231px;
		background: rgba(0,0,0,.7);
		display: none;
	}
	.activity .vice_title {
		display: block;
	}
	.activity .vice_title {
		padding-top: 10px;
	}
	.main_title .title em {
		display: none;
	}
	.main_title {
		box-sizing: border-box;
	}
	.main_title .title {
		margin-top: 100px;
		margin:80px 30px 0 30px;
	}
	.main_title .title a {
		color: #fff;
		font-weight: bold;
	}
	.main_title .desc {
		font-size: 1.3rem;
		margin: 10px 30px 0 30px;
	}
	.activity > div {
		max-width: 1190px;
		margin: 0 auto;
	}
	.vice_title em {
		color: #e66419;
	}
	.activity .main_title button {
		display: block;
		margin: 0 auto;
		background: rgba(54,55,58,.5);
		color: #fff;
		border: none;
		border-radius: 20px;
		font-size: 1.23rem;
		padding: 4px 10px;
		margin-top: 30px;
	}
	
	.pop {
		width: 422px;
		height: 640px;
		border-radius: 4px;
	}
	.pop span button {
		width: 49%;
		display: inline-block;
	}
	
	.r_nav {
		visibility: visible;
	}
	
}
